<template>
    <footer>
    	<ul>
    		<li>
    			<nuxt-link to="/about">关于我们</nuxt-link>
    		</li>
    		<li class="x">|</li>
    		<li>
    			<nuxt-link to="/about/privacypolicy">用户协议</nuxt-link>
    		</li>
    		<li class="x">|</li>
    		<li>
    			<nuxt-link to="/about/agreement">隐私条款</nuxt-link>
    		</li>
    	</ul>
    	<div class="des">华创互联（北京）广告有限公司</div>
    	<div class="des">
			<nuxt-link to="http://www.miit.gov.cn">京ICP备15002181号-3</nuxt-link>
		</div>
    	<div class="des">互联网不良信息举报联系方式：jubao@17home.com</div>
    	<div class="des">服务热线：400-1151717（周一至周日 09:00-18:00）</div>
    </footer>
</template>
<script>
import {mapState,mapMutations} from 'vuex'
export default {
    components:{
        
    },
    data(){
        return{
            
        }
    },
    created(){
        
    },
    computed:{
		...mapState(['address'])
	},
    mounted(){
        
    },
    methods:{
        
    }
}
</script>
<style scoped>
    footer{
		padding-top: 15px;
		margin-top: 15px;
		border-top: 1px solid #eeeeee;
	}
	footer ul{
		display: flex;
		align-items: center;
	}
	footer ul li a{
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
	}
	footer ul .x{
		padding:0 10px;
		font-size: 12px;
		color: #999999;
		line-height: 12px;
	}
	footer .des,footer .des a{
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
	}
	footer .des:hover,footer .des:hover a{
		color: #F30213;
	}
</style>
